import React from 'react'
// 引入Route组件
import { Route, Link } from 'react-router-dom'
import Home from './pages/Home'
import Detail from './pages/Detail'
// 需求: 要实现一个单页面应用.一个首页,一个详情页
export default function App() {
  return (
    <div>
      {/* Link的作用: 修改浏览器地址栏的路径,但是不发送请求 */}
      <Link to="/home">首页</Link>
      <Link to="/detail">详情页</Link>
      {/* <Home></Home>
      <Detail></Detail> */}
      {/* 作用: 定义前端路由规则.并且Route写在哪里,对应的组件就渲染在哪里 */}
      <Route path="/home" component={Home}></Route>
      <Route path="/detail" component={Detail}></Route>
    </div>
  )
}
